<!DOCTYPE html>
<html>

<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>${data.data.name}</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="${data.data.name}"/>
    <meta name="description"  content="${data.data.name}"/>
    <base target="_blank">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>
    <style>
        .app-containter{
            width: 1440px;
            margin: 0 auto;
        }
        .app-containter-top{
            width: 100%;
        }
        .app-containter-top p{
            margin: 0;
            padding: 0;
            display: block;
        }
        .section-index{
            background: #fff;
        }

        .app-containter-box{
            padding: 50px 0px;
        }

        .app-containter-box h3{
            text-align: center;
        }

        .works-list-works{
            width: 1200px;
            margin: 0px auto;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            padding-bottom: 80px;

        }
        .works-list-works-item {
            width: 280px;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }
        .works-list-works-item img{
            object-fit: cover;
        }
        .works-list-works-item-img{
            width: 280px;
            height: 280px;
        }
        .works-list-works-item-info{
            width: 280px;
            margin: 8px;
        }
        .works-list-works-item-info h3{
            font-size: 16px;
            line-height: 28px;

        }
        .works-list-works-item-info p{
            display: block;
            line-height: 24px;
            margin-bottom: 4px;
            overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
        }
        .works-list-works-item-info span{
            display: block;
            margin-bottom: 8px;
            line-height: 24px;
        }



        .works-list-org{
            width: 1200px;
            margin: 0px auto;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            padding-bottom: 80px;

        }

        .works-list-works-item {
            width: 280px;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }
        .works-list-org-item img{
            object-fit: cover;
        }
        .works-list-org-item-img{
            width: 360px;
            height: 260px;
        }
        .works-list-org-item-info{
            width: 360px;
            margin: 8px;
        }
        .works-list-org-item-info h3{
            font-size: 16px;
            line-height: 28px;

        }
        .works-list-org-item-info p{
            display: block;
            line-height: 24px;
            margin-bottom: 4px;
            overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
        }
        .works-list-org-item-info span{
            display: block;
            margin-bottom: 8px;
            line-height: 24px;
        }

    </style>
</head>

<body >

<@netCommon.commonHeader "艺术视野" menu i18n/>
<div class="" style="background-color: ${data.data.bizVal3!''}; margin-top: 110px">
    <#if data.data.bizVal1?? && data.data.bizVal1=='2'>
        <div class="app-containter" style="width: 100%">
            <div class="app-containter-top">
                <#if i18n=='zh-CN'>
                ${data.data.remark!''}
                    <#else>
                        ${data.data.bizVal5!''}
                </#if>
            </div>
        </div>
        <#else>
            <div class="app-containter" >
                <div class="app-containter-top">
                    ${data.data.remark!''}
                </div>
            </div>
    </#if>
</div>
<#if data.data.id?? && (data.data.id == "1356792868622192640" || data.data.id == "1356372296486506496")>

    <#else>
    <div class="section-index">
    <div class="app-containter">
            <div class="app-containter-box">
                <h3>参展作品</h3>
            </div>
        <div class="works-list-works">
            <#if product.data??>
            <#list product.data as item>
            <a class="works-list-works-item" href="/works/detail?productNo=${item.prdNo}">
                <img class="works-list-works-item-img" src="${item.prdImage}">
                <div class="works-list-works-item-info">
                    <#if item.artists??>
                    <h3><#list item.artists as itx>
                            ${itx.name!''}
                        </#list></h3>
                    </#if>
                    <h3>
                        ${item.prdName} <#if (item.prdBizValue6?? && item.prdBizValue6 !='') &&  (item.prdBizValue5?? && item.prdBizValue5 !='')>
                            ${item.prdBizValue6!''}x${item.prdBizValue5!''}cm
                        </#if>
                    </h3>
<#--                    <p> ${item.prdName!''}</p>-->
                    <p>¥${item.prdPrice?default('0')}</p>
                </div>
            </a>
            </#list>
            </#if>
        </div>
    </div>
</div>


</#if>
<div class="section-index">
    <div class="app-containter">
        <div class="app-containter-box">
            <h3>参展机构 GALLERY</h3>

        </div>
        <div class="works-list-org">
            <#if org.data?? && org.data.records??>
            <#list org.data.records as item>
            <a class="works-list-org-item" href="/exhibition/company?companyNo=${item.orgNo!''}">
                <img class="works-list-org-item-img" src="${item.logo!''}">
                <div class="works-list-org-item-info">
                    <h3>
                        ${item.name!''}
                    </h3>

                </div>
            </a>

            </#list>
            </#if>

        </div>
    </div>
</div>

</body>
<@netCommon.commonScript />
</html>